<template>
  <!-- cookie弹窗 -->
  <div class="f-cook" v-if="showCookie">
    <div class="wp">
      <div class="left">
        <exclamation-circle-filled style="color: #f1b502" />
        <p class="p">
          Cookies提示：我们使用Cookie用于为您提供更好的体验，并且提高性能。查看隐私政策了解更多信息以及如何使用Cookie。点击“同意”按钮表示您同意使用Cookie。
        </p>
      </div>
      <div class="right">
        <div class="btn" @click="closeCookie">拒绝</div>
        <div class="btn btn1">同意</div>
      </div>
    </div>
  </div>
</template>

<script setup>
import { reactive, ref, onMounted } from 'vue';
import { ExclamationCircleFilled } from '@ant-design/icons-vue';


const showCookie = ref(true);

const closeCookie = () => {
  showCookie.value = false;
}

</script>

<style>
</style>